<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html, #allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	font-family: "微软雅黑";
}
</style>
<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&ak=pjbFYMbZiYQ6ocMPMfYZ22meHZZGvTgN"></script>
<title>乘车</title>
<script type="text/javascript"
	src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<link rel="stylesheet"
	href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style type="text/css">
body, html, #allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	font-family: "微软雅黑";
}

.buttongreen {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	font-weight: 900;
	padding: 30px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	margin: 1px 1px;
	cursor: pointer;
}

.button5 {
	border-radius: 50%;
}
</style>
</head>
<body>
	<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
	$(document).ready(function() {
		var urls = window.location.href;
		//alert(urls);
		$.post("/life/iniConfig", {
			url : urls
		}, function(data) {
			//alert("Data Loaded:" + data.appId)
			wx.config({
				debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				appId : data.appId, // 必填，公众号的唯一标识
				timestamp : data.timestamp, // 必填，生成签名的时间戳
				nonceStr : data.nonceStr, // 必填，生成签名的随机串
				signature : data.signature,// 必填，签名，见附录1
				jsApiList : [ 'getLocation' ]
			// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
			});

		});
	});

	var map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(121.88977, 30.895295), 20);

	//将自己的位置传到数据库中
	function insertLocation() {
		wx.ready(function() {
			wx.getLocation({
				type : 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
				success : function(res) {
					var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
					var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
					var speed = res.speed; // 速度，以米/每秒计
					var accuracy = res.accuracy; // 位置精度
					$.post("/life/checkPosition", {
						latitude : latitude, // 纬度，浮点数，范围为90 ~ -90
						longitude : longitude
					// 经度，浮点数，范围为180 ~ -180。
					}, function(data) {
						console.log(data);
						SeeBusLocation();
					});

				}
			});

		});
	}

	var point2s;
	var lat;
	var lng;
	var spot;
	var newspot;
	var range;

	insertLocation();
	/* SeeBusLocation();
	distance();
	compare(); */

	//从数据库中找出营车的位置
	function SeeBusLocation() {
		$.post("/life/checkCar", {}, function(data) {
			console.log(data);
			var Location = data;
			lat = Location.latitude;
			lng = Location.longitude;
			point2s = new BMap.Point(lng, lat);
			var convertor = new BMap.Convertor();
			var pointArr = [];
			pointArr.push(point2s);
			convertor.translate(pointArr, 1, 5, function(data) {
				spot = new BMap.Point(data.points[0].lng, data.points[0].lat);
				console.log(spot);
				distance(spot);
			});
		});
	}



	function distance(point1) {
		//拿自己的位置并比较
		$.post("/life/getTg", {}, function(data) {
			console.log(data);
			var Location = data;
			var newlat = Location.latitude;
			var newlng = Location.longitude;
			var pointB = new BMap.Point(newlng, newlat);
			var convertor1 = new BMap.Convertor();
			var pointArr1 = [];
			pointArr1.push(pointB);
			convertor1.translate(pointArr1, 1, 5,
					function(data) {
						newspot = new BMap.Point(data.points[0].lng,
								data.points[0].lat);
						console.log(newspot);
						console.log(point1);
						range = (map.getDistance(point1, newspot));
						alert(range);
						console.log(range);
					});
			//alert('从大渡口区到江北区的距离是：'+(map.getDistance(spot,pointB)).toFixed(2)+' 米。');  //获取两点距离,保留小数点后两位
			compare();
		})
	}

	function compare() {
		var radius = 20;
		if (range > radius) {
			//div.style="display:none";
			$("#p").hide();
			alert("我的位置与营车位置不重合");
		} else {
			//div.style="display:visible";
			$("#p").show();
			alert("我的位置与营车位置重合");
		}
	}
	function ZoomControl() {
		// 默认停靠位置和偏移量
		this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
		this.defaultOffset = new BMap.Size(150, 400);
	}
	ZoomControl.prototype = new BMap.Control();
	ZoomControl.prototype.initialize = function(map) {
		// 创建一个DOM元素
		var div = document.createElement("div");
		// 添加文字说明
		div.appendChild(document.createTextNode("乘营车"));
		div.setAttribute('class', 'btn btn-success');
		div.id = 'p';
		$("#p").hide();
		// 绑定事件,点击一次放大两级
		div.onclick = function() {
			$("#p").hide();
			alert("踏上新的征途, ＋100%执行能力,＋100%信誉度");
			$.post("/life/TakeBus", {}, function(data) {
			});
		}
		// 添加DOM元素到地图中
		map.getContainer().appendChild(div);
		// 将DOM元素返回
		return div;
	}
	// 创建控件
	var myZoomCtrl = new ZoomControl();
	// 添加到地图当中
	map.addControl(myZoomCtrl);
</script>